@chareset "utf-8";


.table3 td .input_btn{vertical-align:middle; border:none;}
#map_contents{padding-top:10px;}


/* main */
.main{position:relative; min-height:412px; background:url(../images/main/pattern.gif) repeat;}
.main .tab3{overflow:hidden; width:100%; background:url(../images/main/pattern.gif) repeat;}
.main .tab3 li{float:left;}
.main .icon{min-height:290px;position:absolute; left:0; top:35px; width:100%;}
.main .icon ul{ overflow:hidden; min-height:290px; width:95%; padding-left:9px; background:url(../images/main/icon_bg1.gif) no-repeat 50% 50%;}
.main .icon li{float:left; width:68px; padding:11px 0px 10px 6px; font-size:11px;}
.main .icon li span{display:block; width:72px; padding:3px 6px 0 0; text-align:center; color:#3b4959;}
.main .page{ text-align:center;}
.main .page{ text-align:center;}
.main .banner{position:absolute; left:10px;  bottom:20px; }

/* android */
.android_main{position:relative; min-height:460px; background:url(../images/main/pattern.gif) repeat;}
.android_main .tab3{overflow:hidden; width:100%; background:url(../images/main/pattern.gif) repeat;}
.android_main .tab3 li{float:left;}
.android_main .icon{min-height:290px;position:absolute; left:0; top:35px; width:100%;}
.android_main .icon ul{ overflow:auto; min-height:290px; width:95%; padding-left:9px; background:url(../images/main/icon_bg1.gif) no-repeat 50% 50%;}
.android_main .icon li{float:left; width:68px; padding:11px 0px 10px 6px; font-size:11px; }
.android_main .icon li span{display:block; width:72px; padding:3px 6px 0 0;  text-align:center; color:#3b4959;}
.android_main .page{ text-align:center;}
.android_main .page{ text-align:center;}
.android_main .banner{position:absolute; left:10px;  bottom:20px; }
 
/* login */
.login{position:relative; height:413px; width:100%; background:url(../images/setup/login_bg.gif) repeat;}
.login .form{width:100%; height:175px; padding-top:45px; background:url(../images/setup/login_bg.png) no-repeat 50% 23px; text-align:center;}
.login span{display:inline-block; width:66px; font-weight:bold; color:#424242;}
.login .auto{padding-top:15px; font-size:12px; color:#666;}
.login .auto input{width:17px; height:17px; margin:0 0 0 10px; border:solid 1px #9b9b9b; vertical-align:middle;}
.login input{width:168px; height:24px; line-height:24px; border:solid 1px #9b9b9b; margin-bottom:10px; font-size:14px;}
.login .btn{padding-left:60px;}
.login .form1{ height:39px; background:#eaf5fb; border-bottom:solid 1px #84b6ea;}
.login .search_bg{width:265px; height:40px; background:url(../images/setup/search_bg.gif) no-repeat 6px 7px; border:none;}
.login .form1 img{padding-top:7px;}

.login .bottom{position:absolute; bottom:0; height:48px; width:100%; background:url(../images/setup/bottom_bg.png) repeat-x;}
.login .bottom ul{ padding:13px 0 0 20px;}
.login .bottom li{float:left; width:24px; padding-left:40px;}
.login .bottom li.none{padding:0;}
.main_h3{height:28px; padding:7px 0 7px 0 !important;}




.main_search_box{height:368px !important;}
.main_search{width:204px !important; height:26px; line-height:26px; background:url(../images/setup/search_bg.gif) no-repeat; border:none !important; padding-left:30px; font-size:14px; margin-left:15px;}
.mainSearch .icon{min-height:290px;position:absolute; left:0; top:40px; width:100%;}
.mainSearch .icon ul{ overflow:auto; min-height:290px; width:95%; padding-left:9px;  background:none;}
.mainSearch .icon li{float:left; width:68px; padding:11px 0 10px 6px; font-size:11px;}
.mainSearch .icon li span{display:block; width:72px; padding:3px 6px 0 0; text-align:center; color:#3b4959; font-weight:normal;}

/* news */
.news ul.viewPageList{padding-bottom:10px;}
.news li{position:relative; padding:10px 0 11px 11px; line-height:18px; border-bottom:solid 1px #bababa; color:#383838;font-weight:bold; font-size:14px; color:#242424;}
/*원본 2012.05.17 :.news li .bold{display:block;width:320px; font-weight:bold; font-size:14px; color:#242424; font-family:'애플 고딕'; } */
.news li .bold{display:block;width:100%; font-weight:bold; font-size:14px; color:#242424; font-family:'애플 고딕'; }
.news li .ripply{position:absolute; top:13px; right:9px; padding-top:4px; text-align:center;}
.news li .name{width:60px; background:url(../images/btn/btn_name.gif) no-repeat; }
.news li .name a{ color:#3a8ce0; font-size:12px;}
.news li .date1:after{clear:both;}
.news li .date1{display:block; padding-top:3px; font-weight:normal; font-size:12px; color:#444; font-family:'애플 고딕'; }
.news li .ripple_n{width:36px; height:33px; color:#fff; background:url(../images/news/ripple_n.gif) no-repeat;}
.news li .ripple_y{width:36px; height:33px; color:#fff; background:url(../images/news/ripple_y.gif) no-repeat;}
.news li .status{position:absolute; top:13px; right:9px; padding-top:2px; text-align:center; width:63px; height:22px; background:url(../images/service/status_bg.gif) no-repeat; color:#fff; font-weight:normal;}
.news2 li{position:relative; padding:10px 0 11px 11px; line-height:18px; border-bottom:solid 1px #bababa; color:#383838;font-weight:bold; font-size:14px; color:#242424;}
/**/
.news2 li .bold{display:block;width:310px; font-weight:bold; font-size:14px; color:#242424; font-family:'애플 고딕'; }
.news2 li .ripply{position:absolute; top:13px; right:9px; padding-top:4px; text-align:center;}
.news2 li .date1:after{clear:both;}
.news2 li .date1{display:block; font-weight:normal; font-size:12px; color:#444; font-family:'애플 고딕';}
.news2 li{position:relative; padding:10px 0 11px 11px; border-bottom:solid 1px #bababa; color:#383838;font-weight:bold; font-size:14px; color:#242424;}

.btn_more11{width:100%; height:48px; background:url(../images/news/btn_more_bg1.gif) repeat-x;}
.btn_more12{width:100%; height:48px; background:url(../images/news/btn_more_bg1.gif) repeat-x; border-top:solid 1px #ccc;}
/*더보기버튼*/
.btn_more11 .more11{float:left; width:70%; height:27px; padding-top:20px; text-align:center; font-size:14px; font-weight:bold; border-right:solid 1px #ccc;  border-bottom:solid 1px #ccc;}
.btn_more11 .more22{float:left; width:29%; height:27px; padding-top:20px; text-align:center; font-size:14px; font-weight:bold; border-bottom:solid 1px #ccc; background:url(../images/news/btn_more_bg.gif) no-repeat 0 0;}
.btn_more11 a{color:#333;}

.detail li{padding:10px 0 0 11px;}
.detail li p{margin-top:10px; border-top:solid 1px #e7e7e7; text-align:center;}
.detail li .date{float:right; padding-right:15px;}

/* board */
.board li{position:relative; font-size:14px; font-weight:bold; line-height:100%; padding:12px 0 11px 13px; border-bottom:solid 1px #e7e7e7; background:#ececec;}
.board li .arrow{position:absolute; right:15px;}
.intxt{padding:10px; border-bottom:solid 1px #e7e7e7}

.board2 li{position:relative; font-size:14px; font-weight:bold; line-height:100%; padding:12px 0 11px 13px; border-bottom:solid 1px #e7e7e7;}
.board2 li .arrow{position:absolute; right:15px;}

/* knowledge */
.table{padding-top:10px; border-top:solid 1px #84b6ea; border-bottom:solid 1px #84b6ea;}
.table table{padding-left:5px; width:100%;}
.table th{color:#3a8ce0; padding:10px 0; text-align:center; border-bottom:dotted 1px #ccc;}
.table td{width:100%; border-bottom:dotted 1px #ccc;}
.table .borderNo{border:none;}
.comment{position:relative; width:90%;  padding:5px 0 5px 5px; margin:5px 0 5px 5px; font-size:12px; border:solid 1px #d8ebff; color:black; line-height:17px;}
.comment .icon{position:absolute; right:5px; bottom:3px; }
.byte{text-align:right; padding-right:10px;}
.knowledge ul li{background:#f8f8f8;}
.intxt2{height:28px; width:90%; padding-left:5px; margin:10px 0 0 5px; line-height:28px; font-size:14px; border:solid 1px #d8ebff;}

.know_frm{position:relative; width:100%; height:40px; background:url(../images/knowledge/frm_bg.gif) repeat-x;}
.know_frm select{height:27px;  text-align:center; margin:6px 0 0 9px;}
.know_frm input{vertical-align:top; margin-top:6px;}
.know_frm img{ padding:6px 0 0 5px; position:absolute; right:9px; top:0;}
.search{width:83px; height:26px; line-height:26px; padding-left:30px; background:url(../images/knowledge/search_bg.gif) no-repeat 0 0; border:none;}
.ripple_bg{position:absolute; top:13px; right:0; width:76px; height:33px; padding-top:4px; text-align:center; color:#fff; background:url(../images/knowledge/ripple_bg.gif) no-repeat 15px 0; font-size:12px;}
.ripple_bg1{position:absolute; top:3px; right:0; width:76px; height:33px; padding-top:4px; text-align:center; color:#fff; background:url(../images/knowledge/ripple_bg.gif) no-repeat 15px 0; font-size:12px;}
.ripple1{word-spacing:-1px}
.ripple_bg a{color:#fff; padding:5px 10px 15px 20px;}
.ripple_bg1 a{color:#fff; padding:5px 10px 15px 20px;}
.knowledge li li{ padding:10px 0 0 27px; border-bottom:none; background:url(../images/knowledge/arrow.gif) no-repeat 0 15px;}
.knowledge li .block{display:block; padding-top:15px; margin-top:-15px;}
#news .int_ripple li{ padding-top:0; padding-left:25px;}
/*서브타이틀_날짜..*/
#news .int_ripple li .date1{display:block; width:100%; letter-spacing:-1px;}
/*.list1{width:240px !important;}*/
.list1{width:100%;}
.list2{width:200px !important;}
.list3{width:230px !important;}


/* reservation(자원예약) */
.reservation{position:relative;}
.reservation .arrow{position:absolute; right:15px;}
.reservation li{position:relative; font-size:14px; font-weight:bold; line-height:100%; padding:12px 0 11px 13px; border-bottom:solid 1px #cbcbcb; background:#ececec;}
.reservation li a{ color:#383838;}
.reservation li .arrow{position:absolute; right:15px;}
.reservation .day{padding-top:9px; text-align:center;}
.reservation .day span{display:inline-block; width:160px; padding-top:4px; font-weight:bold; color:#242424;}

.reservation .select{margin:10px 0 !important; text-align:center; }
.reservation .select input{vertical-align:middle;}
/* width를 100%로 잡으면 스크롤 생김 */
.table1{width:96%; height:auto; overflow:auto; margin:10px 0 0 5px; border-top:solid 1px #84b6ea;}
.table1 table{ width:100%;}
.table1 tbody th{color:#242424; padding:14px 0; text-align:center; border-bottom:solid 1px #84b6ea; background:#d3e8fc; border-right:solid 1px #84b6ea; vertical-align:middle;}
.table1 tbody th a.btn_arrow{padding:14px 15px;}
.table1 tbody th.room{background:#f5fcda; word-break:break-all; text-align:left; padding-left:5px;}
.table1 tbody td{border-right:solid 1px #84b6ea}
.table1 td{ border-bottom:solid 1px #84b6ea;}
.table1 td.rel{ position:relative; height:68px;}
.table1 td.rel img{position:absolute; padding:3px 0 0 0;}
.table1 th.borderNo{background:#84b6ea; border-right:none; vertical-align:middle;}
.table1 td.borderNo{ border-right:#d8ebff;}
#outline1 {position:relative; text-align:left; vertical-align:middle; width:34px; margin:auto auto;} 
#visual1 {position:absolute;top:15px;left:0;} 


.reservation .tab1{text-align:center; padding-top:9px;}
.reservation .list{height:130px; padding:15px 0 15px 17px; background:#fff;}
.reservation .list li{float:left; width:89px; height:33px; margin-right:11px; padding:5px 0 10px 0; text-align:center; border:none; font-size:12px; background:url(../images/reservation/list_bg.gif) no-repeat; }
.reservation .list li a{color:#fff;}
.reservation .list li span{display:block; padding-top:2px;}

.table3{width:100%;}
.table3 tbody th{color:#3a8ce0; padding:14px 0; text-align:center; vertical-align:top; border-bottom:solid 1px #84b6ea; border-right:solid 1px #d8ebff; border-bottom:solid 1px #84b6ea; background:#eaf5fb; }
.table3 td{padding:5px 0 5px 5px; border-bottom:solid 1px #84b6ea; vertical-align:middle;}
.table3 td input{height:24px; line-height:24px; border:solid 1px #ccc; }
.table3 td img{vertical-align:top;}
.table3 select{width:30%; height:26px;}
.table3 .borderNo{border-right:none;}
.table3 td .intxt3{width:90%;}
.table3 td .intxt4{width:30%; margin-right:5px; height:20px; line-height:20px;}
.table3 td .intxt5{width:27%; margin-right:5px; height:20px; line-height:20px;}
.table3 td p{padding:3px;}

.table4{width:96%; padding:10px 5px 0 5px;}
.table4 table{width:100%;border-collapse:collapse;  border-top:solid 1px #84b6ea; border-bottom:solid 1px #84b6ea;}
.table4 thead th{color:#003271; height:10px; padding:5px; text-align:center; border-bottom:solid 1px #84b6ea; background:url(../images/reservation/table_bg.gif) no-repeat right 50% #d3e8fc;}
.table4 tbody .lunch1{height:50px; padding:10px 5px; text-align:center; border-right:solid 1px #d8ebff; background:url(../images/cafeteria/lunch1.gif) no-repeat 5px 5px #f5fcda;}
.table4 tbody .lunch2{height:50px; padding:10px 5px; text-align:center; border-top:solid 1px #84b6ea; border-right:solid 1px #d8ebff;  background:url(../images/cafeteria/lunch2.gif) no-repeat 5px 5px #eff7ff;}
.table4 tbody td{text-align:center;  padding:10px 5px; line-height:150%; border-right:solid 1px #d8ebff; color:#242424;}
.table4 .last{border:none;}
.table4 thead .last{ background:#d3e8fc; border-bottom:solid 1px #84b6ea;}


.cal{height:37px; padding-top:10px; text-align:center; background:#d3e8fc;}
.cal select{height:25px; width:70px;}
.cal .day img{vertical-align:top; padding:0 4px;}
.cal img{padding:2px 3px; 0 3px;}
.cal_table{width:100%; border-top:solid 1px #84b6ea; border-bottom:solid 1px #84b6ea; background:#f5fcda;}
.cal_table table{width:100%; text-align:center; padding:8px 0; font-weight:bold;}
.cal_table th{padding:5px 4px;}
.cal_table td{padding:5px 2px; border:solid 1px #ccc; margin:4px 8px; color:#666; background:#fff;}
.cal_table .sun{color:#c40000;}
.cal_table .sat{color:#3a8ce0;}


/* access */
.table5{width:100%;}
.table5 th{color:#3a8ce0; padding:14px 0; text-align:center; vertical-align:middle; border-bottom:solid 1px #84b6ea; border-right:solid 1px #d8ebff; border-bottom:solid 1px #84b6ea; background:#eaf5fb; }
.table5 td{padding:5px 0 5px 5px; border-bottom:solid 1px #84b6ea; vertical-align:middle;}
.table5 td input{height:24px; line-height:24px; border:solid 1px #ccc; }
.table5 td img{vertical-align:middle;}
.table5 select{width:30%; height:26px;}
.table5 td .intxt3{width:90%;}
.table5 td .intxt4{width:30%;}
.table5 td .intxt5{width:50%;}
.access .btn_more{text-align:center; padding-top:10px; padding-bottom: 10px}
.table5 .mt5{margin-top:5px;}
.table5 .search{background:url(../images/access/search.gif) no-repeat 5px 50%;}
.table5 .visit{position:absolute; right:7px;}
.table5 .radio{vertical-align:middle;}
.table5 td p{line-height:18px; padding:3px 0;}
.table5 .subtitle{display:block; color:#84b6ea;}
.table5 td.tc{text-align:center;}
.table5 th.yellow{background:#f5fcda;}


.content{position:relative; margin:0 !important; padding:0 !important;}
.content .list{position:absolute; right:7px; top:7px;}

.btn_more11{width:100%; height:48px; background:url(../images/news/btn_more_bg1.gif) repeat-x; padding-bottom: 10px;}
.btn_more11 .more11{float:left; width:70%; height:27px; padding-top:20px; text-align:center; font-size:14px; font-weight:bold; border-right:solid 1px #ccc;  border-bottom:solid 1px #ccc;}
.btn_more11 .more22{float:left; width:29%; height:27px; padding-top:20px; text-align:center; font-size:14px; font-weight:bold;  border-bottom:solid 1px #ccc; background:url(../images/news/btn_more_bg.gif) no-repeat 0 0;}
.btn_more11 a{color:#333;}

.access li{position:relative; padding:10px 0 11px 11px; line-height:18px; border-bottom:solid 1px #bababa; color:#242424; font-size:12px; font-weight:bold;}
.access li .bold{font-weight:bold; font-size:14px; color:#242424; }
.access li .ripply{position:absolute; top:8px; right:9px; padding-top:4px; text-align:center;}
.access li .block{display:block;}

.table6{width:100%; border-bottom:solid 1px #84b6ea;}
.table6 td{padding:5px 0 5px 5px; vertical-align:middle;}
.table6 td input{height:24px; line-height:24px; border:solid 1px #ccc; }
.table6 td img{vertical-align:middle;}
.table6 td select{height:26px; width:80%; }
.table6 td .intxt4{width:30%;}
.table6 td .intxt5{width:50%;}

/* oi */
.oi_title{height:30px; padding-top:17px; text-align:center; font-size:14px; font-weight:bold; color:#242424; background:url(../images/main/pattern.gif) repeat;}
.oi_title span{padding-left:50px;}
.table7{width:90%; margin:15px; padding-top:15px;}
.table7 table{width:100%; border:solid 1px #84b6ea;}
.table7 table th{vertical-align:middle; padding:0 10px;}
.table7 table td{vertical-align:middle; text-align:center; padding:5px 10px 5px 0; font-weight:bold;}
.banner1{text-align:center; padding-bottom:10px;}

.oi li{position:relative; padding:10px 0 11px 11px; line-height:18px; border-bottom:solid 1px #bababa; color:#383838;font-weight:bold; font-size:14px; color:#242424;}
.oi li .bold{display:block;width:310px; font-weight:bold; font-size:14px; color:#242424; font-family:'애플 고딕'; }
.oi li .date1{display:block; padding-top:3px; font-weight:normal; font-size:12px; color:#444; font-family:'애플 고딕'; }
.oi li .register{position:absolute; top:20px; right:9px; height:22px; width:60px; text-align:center; background:url(../images/oi/register_area.gif) no-repeat; padding-top:3px; color:#fff; font-size:12px; font-weight:normal;}
.oi li .idea{position:absolute; top:20px; right:9px; height:22px; width:60px; text-align:center; background:url(../images/oi/idea_area.gif) no-repeat; padding-top:3px; color:#fff; font-size:12px; font-weight:normal;}

.point_box{border:solid 1px #e7e7e7; background:#f8f8f8; padding:13px 0 5px 0; margin:10px 0 0 0 !important;}
.point_box .in_txt4{width:215px; border:solid 1px #ccc; height:24px !important; line-height:24px !important;}
.point_box select{width:225px; height:28px; }
.point_box p{padding:0 0 5px 10px; color:#242424; font-weight:bold; position:relative;}
.point_box .point{font-weight:normal; }
.point_box .member{position:absolute; right:10px;}

.point_box p img{position:absolute; right:10px;}
.point_box form{margin-top:5px;}
.point_box form img{vertical-align:middle;}
.btn_view{padding-bottom:20px;}
.point_box p img{position:absolute; right:10px;}

.content .reason{padding:10px 0 0 10px;}
.content .reason input{vertical-align:middle;}
.content .reason1{padding:10px; line-height:18px;}
.content .now img{vertical-align:middle; padding:0 0 10px 10px;}

.desk input{vertical-align:middle;}

/*원본  :#viewPage{width:320px !important; text-align:left; padding:10px 0;}*/
/*#viewPage p {width:306px !important; text-align:left; padding:0 7px}*/
/*#viewPage div {width:320px !important; text-align:left;}*/
#viewPage{width:100%; text-align:left; padding:10px 0;}
#viewPage p {width:100%; text-align:left; padding:0 7px}
#viewPage div {width:100%; text-align:left;}
/**/
#viewPage table{width:500px !important; padding:0 !important; margin:0 !important; border-collapse:collapse;}
#viewPage table td{width:130px !important; height:30px !important; text-align:center !important; padding:0 !important; margin:0 !important; border:1px solid black !important;}
#viewPage table td img{text-align:left;}
#viewPage table td span{text-align:center; padding-left:0; margin-left:0;}
#viewPage div{text-align:left;}
#viewPage p{text-indent:0 !important; font-size:12px !important;}
#viewPage span{font-size:12px !important;}
#viewPage table td p{width:100px !important; text-align:left; padding:0 !important; margin:0 !important; font-size:12px !important;}
#viewPage table td p span{ mso-spacerun:no !important; font-size:12px !important;}

/* #viewPage img { width: 300px; -webkit-transition-property: width; -webkit-transition-duration: .3s; padding:0; margin:0;} */
#viewPage img {width:100%; -webkit-transition-property: width; -webkit-transition-duration: .3s; padding:0; margin:0;}
#viewPage img.enlargement { width: 100%; }
#viewPage h2, #viewPage h3{background:#fff; border:none;}
#map_contents h2, #map_contents h3{background:#fff; border:none;}


#concise{}
#concise .bold{font-size:18px;}
#concise .date1{font-size:16px;}
#concise th{font-size:18px;}
#concise td{font-size:16px;}
#concise_view table{width:310px !important;}
#concise_view {width:306px !important; padding:10px 7px; font-size:16px !important; line-height:22px; text-align:justify; padding-top:10px; color:black;}
#concise_view img { width: 300px; -webkit-transition-property: width; -webkit-transition-duration: .3s; padding:0; margin:0; }
#concise_view img.enlargement { width: 100%; }
#concise_view td{ text-align:left !important;}

.service_btn{padding:14px 0; border-bottom:solid 1px #ccc; text-align:center;}
.int_view{padding:10px 5px;}

#ui-datepicker-div {width: 300px !important;font-size: 20px !important; left: 0px !important;}